<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<script src="js/jquery.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/layui.css">
	<link rel="stylesheet" href="css/layui.mobile.css">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/index.css">
</head>

<body>
	<!-- 导航栏开始 -->
	<div class="nav1">
		<div class="navbar navbar-expand-sm  navbar-dark p-0 w-100">
			<button class="navbar-toggler" data-target="#content" data-toggle="collapse">
				<span class="navbar-toggler-icon"></span>
			</button>
			<a href="#" class="navbar-brand text-light " >
				<img src="images/logo.png " alt="" style="height:40px">
			</a>
			<div class="collapse navbar-collapse" id="content">
				<ul class="navbar-nav">
					<li class="nav-item"><a href="#" class="nav-link pl-4">项目展示</a></li>
					<li class="nav-item"><a href="#" class="nav-link pl-4">个人介绍</a></li>
					<li class="nav-item"><a href="#" class="nav-link pl-4">生活记录</a></li>
					<li class="nav-item"><a href="#" class="nav-link pl-4">我的博客</a></li>
				</ul>
			</div>
		</div>

	</div>
	<span class="blank" style="height:47.5px;"></span>
	<!-- 导航栏结束 -->
	<div class="dd">
		<!-- 网页主体开始 -->
		<div class="row m-0 w-100 mybanner">
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1">
				<div class="img w-100 h-100 parent1">
					<div class="text-light child1">
						<h2>作品/展示111</h2>
						<p>分享从业以来所有作品，共同学习、共同进步。</p>
					</div>
				</div>
			</div>
			<!-- <div style="clear:both" ></div> -->
			<!-- 左侧第一列结束 -->
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1">
				<div class="img w-100 h-100 parent1">
					<div class="text-light child1">
						<h2>作品/展示222</h2>
						<p>分享从业以来所有作品，共同学习、共同进步。</p>
					</div>
				</div>
			</div>
			<!-- <div style="clear:both" ></div> -->
			<!-- 左侧第一列结束 -->
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1">
				<div class="img w-100 h-100 parent1">
					<div class="text-light child1">
						<h2>作品/展示</h2>
						<p>分享从业以来所有作品，共同学习、共同进步。</p>
					</div>
				</div>
			</div>
			<!-- <div style="clear:both" ></div> -->
			<!-- 左侧第一列结束 -->
			<!-- 左侧第一列开始 -->
			<div class="col-sm-3 p-0  w-100 main1">
				<div class="img w-100 h-100 parent1">
					<div class="text-light child1">
						<h2>作品/展示</h2>
						<p>分享从业以来所有作品，共同学习、共同进步。</p>
					</div>
				</div>
			</div>
			<!-- <div style="clear:both" ></div> -->
			<!-- 左侧第一列结束 -->
		</div>
	</div>
</body>

</html>